<!DOCTYPE html>
<html>
<head>
	<title>multipeChoice</title>
	<script src="../lib/react.js"></script>
    <script src="../lib/JSXTransformer.js"></script>
	<style media="screen">
		.test {
			width: 200px;
			height: 200px;
			background-color: red;
		}
	</style>
</head>
<body>
<div id="example"></div>
<script type="text/jsx">
    var MyForm = React.createClass({
		handleKeyDown: function (e) {
			alert(e)
		},
        render: function () {
            return (
                <div className="test" onKeyDown={this.handleKeyDown}>
					<input type="text" name="name" value="" onKeyDown={this.handleKeyDown}/>
                	我是一个块
                </div>
            )
        }
    });

    React.render(<MyForm/>, document.getElementById('example'));
</script>
</body>
</html>
